<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>使用建议</title>
<link href="assets/css/doncare.css" type="text/css" rel="stylesheet" />
<link href="assets/css/doncare.frame.css" type="text/css" rel="stylesheet" />
<link href="assets/font/icon200.css" type="text/css" rel="stylesheet">
<!--[if lt IE 8]>
<link href="assets/font/icon200ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<script src="assets/js/jquery.js" type="text/javascript"></script>
<script src="assets/js/doncare.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.page.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.frame.js" type="text/javascript" defer></script>
</head>
<body>
<div id="header" class="header">
    <div class="header-option">
        <a href="javascript:;" onclick="DC.page.open('download.html');" ><i class="icon-sign-left"></i>下载</a>
        <a href="javascript:;" onclick="DC.page.open('layout.html');" ><i class="icon-sign-right"></i>框架和布局</a>
    </div>
</div>
<div id="main" class="main">
    <div class="block">
        <div class="block-main">
        <h3>DoncareUI设计语言</h3>
        <hr />
        <ul class="list">
            <li>一切都是透明的</li>
            <li>灵动、悦动，无处不在</li>
            <li>有图标的地方既是链接</li>
        </ul>
        <div class="gap20"></div>
        <fieldset>
            <legend><i class="icon-bulb big-icon"></i></legend>
            <p>当初选在一个玻璃上设计UI确实想到了有很大难度，经历和各种失败的尝试，不过我没有放弃她，这个style不行就换一个，以至于每个细节我都希望她是玻璃上设计的最佳之选。</p>
            <p>现在看看，玻璃UI很有意思嘛，一些传统元素经过玻璃化之后观感截然不同，总体来说玻璃UI要有3种重要的设计语言。</p>
            <p>玻璃UI给人最直观的感觉就是透明，我在各种元素上都会尽量给她赋予透明的特性，如果你创造了新元素，也要记得让她透明起来哟</p>
            <p>当你转动一个玻璃物品的时候，你会发现投射在玻璃内部的各种光影会产生出迷人的涟漪，是的，这是玻璃UI要具备的第二个特质：悦动和灵动。这方面我从很多游戏的素材上面获得了灵感，给DoncareUI添加了悦动的特质，一个个精心挑选的动画效果组成了这个灵动的UI。你在使用DoncareUI的时候，也可以考虑为自己的页面增加悦动的元素，这真的很值得。</p>
            <p>最后，也是挺重要的一点，玻璃上的配色比较趋近明亮纯净，文字多数采用白色和阴影，因此如何让用户区分出文字和WEB链接的问题就成为不是问题的问题嘛。DoncareUI的解决方案就是为每个链接附加一个图标，并且让链接具有跃动感，这样在使用过程中就会给用户直观的体验。因此在你使用这个UI的时候，一定要给每个链接添加一个小图标啊。</p>
            <p class="text-center"><a href="mailto:visvoy@gmail.com" title="联络我们" class="btn"><span><i class="icon-mail"></i>visvoy@gmail.com</span></a></p>
        </fieldset>
        </div>
    </div>
</div>
</body>
</html>
